extends ../../components/layout
append style
  +css('error/error.css')
block title
  title
block content
  .error-page
    img.error-img(src="../../assets/img/error/network-error.png")
    .error-title 亲，你的网络不给力喔~
    .error-tip 请检查手机是否联网，
      span.font-orange 查看解决方案
    .btn.btn-l 重新加载
  script(type="text/template", id="network-error")
    ul.network-plan
      li.gzl-flex
        label 1
          i.icon-tail
        .gzl-flex__item 
          h3 设置你的网络
          p 打开设备的【设置】>【蜂窝移动网络】，启用【蜂窝移动数据】。
          p 打开设备的【设置】>【无线局域网】，启用【无线局域网】后选择一个可用的热点连接。
      li.gzl-flex 
        label 2
          i.icon-tail
        .gzl-flex__item
          h3 检查网络权限是否已打开
          p 若您的设备网络已连接且其他应用连接正常，请检查网络权限是否已打开<br>解决方法：<br>打开【设置】>【使用无线局域网与蜂窝移动数据的应用】，找到【易起行】勾选【无线局域网与蜂窝移动数据】即可。
        
append script
  script.
    require(['lodash','popup'], function () {
      $(".font-orange").on("click", function () {
        var tpl = _.template($("#network-error").html())()
        $.infoPopup({
          title: '网络解决方案',
          content: tpl
        });
      })
    });